<div style="width: 100%;height: 100%;">
	<div id='chart-gender-left' style="float:left;height: 50%;width: 50%;display: inline-block">
		<p style="padding-left: 10%;font-size: 18px;font-family: 'Microsoft YaHei UI'">男女比例</p>
		<div class="visitor_user" style="width: 90%;padding-top: 15%;padding-left: 10%">
			<div>
				<ul id="" style="list-style: none;">
					<li><i class="i_unew"></i></li>
					<li><i class="i_unew"></i></li>
					<li><i class="i_ucurrent"><span class="current">30%</span></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
					<li><i class="i_uold"></i></li>
				</ul>
			</div>
			<div class="legend">
				<p><i class="i_new"></i>男</p>
				<p><i class="i_old"></i>女</p>
			</div>
		</div>
	</div>
	<div id='chart-gender-right' style="float:left;display:inline-block;background-color: #5CB85C;height: 75%;width: 30%;">
	</div>
	<div class='length-age' style="float:left;display: inline-block;width: 10%;margin-top: 60px;margin-left: 5%;">
		<p><i class="age_i" style="background-color: #8884D8;"></i><span>小青年</span></p>
		<p><i class="age_i" style="background-color: #9CACF1;"></i><span>青年</span></p>
		<p><i class="age_i" style="background-color: #9CACF1;"></i><span>青壮年</span></p>
		<p><i class="age_i" style="background-color: #82CA9D;"></i><span>中青年</span></p>
		<p><i class="age_i" style="background-color: #A4DE6C;"></i><span>中年</span></p>
		<p><i class="age_i" style="background-color: #D0ED57;"></i><span>中老年</span></p>
		<p><i class="age_i" style="background-color: #F7E254;"></i><span>其他</span></p>
	</div>
</div>